<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>班级成绩查询</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
function bjChange(value) {
	$('#table').load('grade',{method:'bjChange',bjId:value});
}
function fandeng() {
	window.location="login.jsp"
}	
function fanzhu() {
	window.location="main?method=main"
}	
</script>
<style type="text/css">
.btn{width: 115px;height: 45px;line-height: 15px;text-align: center;color: #fff;font-size: 15px;text-transform: uppercase;text-decoration: none;font-family: sans-serif;box-sizing: border-box;background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);background-size: 400%;border-radius: 60px;z-index: 1}.btn:hover{animation: animate 8s linear infinite}@keyframes animate{0%{background-position: 0%}100%{background-position: 400%}} 
    .btn::before{content: '';position: absolute;top: -5px;left: -5px;right: -5px;bottom: -5px;z-index: -1;background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);background-size: 400%;border-radius: 40px;opacity: 0;transition: 0.5s}.btn:hover::before{filter: blur(20px);opacity: 1;animation: animate 8s linear infinite}    
 </style>
<style type="text/css">
body {	
	 height: 700px;
 	 background-image: linear-gradient(45deg, #00FFFF , #FFC0CB 60%); 
	}
		border-collapse: collapse;
	}
	td,th{
		padding: 10px 18px;	
		text-align: center;	
	}
	.aaa{
		margin:auto;
		width: 300px;
		height: 200px;
		padding: 20px;
	}
</style>
</head>
<body>
<p>
	<label>班级：</label>
	<select onchange="bjChange(this.value)">
		<option value="0">请选择</option>
		<c:forEach items="${list }" var="bj">
			<option value="${bj.id }">${bj.name }</option>
		</c:forEach>
	</select>
</p>
<div id="table">
	<div class="aaa">
  <button onclick="fandeng()" class="btn">返回登录页面</button>
	<button onclick="fanzhu()" class="btn">返回主页面</button>
	</div>
</div>
</body>
</html>